<template>
  <base-header></base-header>
  <main id="main">
    <router-view> </router-view>
  </main>
  <base-footer></base-footer>
</template>

<script>
import BaseHeader from "@/components/base/base-header1.vue";
import BaseFooter from "@/components/base/base-footer.vue";

import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
} from "vue";

export default {
  name: "HomeLayout",
  components: {
    BaseHeader,
    BaseFooter,
  },
  props: {},
  setup() {
    const { proxy } = getCurrentInstance();

    const data = reactive({ includeList: [] });
    const refData = toRefs(data);

    onBeforeMount(() => {});
    onMounted(() => {});
    return {
      ...refData,
    };
  },
};
</script>
<style scoped></style>
